<template>
  <el-aside width="200px" style="background-color: #545c64;">
    <el-menu :default-active="this.$route.path" background-color="#545c64"
             text-color="#fff" active-text-color="#ffd04b" router>
      <el-menu-item index="/admin/home">
        <i class="el-icon-house"></i>个人中心
      </el-menu-item>
      <el-menu-item index="/admin/add_article">
        <i class="el-icon-edit-outline"></i>发表博文
      </el-menu-item>
      <el-submenu index="">
        <template slot="title"><i class="el-icon-menu"></i>文章管理</template>
        <el-menu-item index="/admin/article_category"><i class="el-icon-notebook-1"></i>文章类别</el-menu-item>
        <el-menu-item index="/admin/article_list"><i class="el-icon-document"></i>文章列表</el-menu-item>
      </el-submenu>
      <el-menu-item index="/admin/log">
        <i class="el-icon-s-operation"></i>查看日志
      </el-menu-item>
      <el-menu-item index="/admin/account">
        <i class="el-icon-setting"></i>账户管理
      </el-menu-item>
    </el-menu>
  </el-aside>
</template>

<script>
export default {
  name: "AsideNavMenu"
}
</script>

<style scoped>

</style>
